<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>主界面</title>
<script type="text/javascript" src="<s:url value='/resources/js/jquery/jquery-1.5.2.min.js'/>"></script>
	<link rel="stylesheet" type="text/css" href="<s:url value='/resources/css/aio/aio_home.css'/>" media="all" />
	
	<script type="text/javascript">
		$(function(){
			$(".query_select ul li").click(function(){
				$(".query_select ul li").removeClass("select");
				var name = $(this).attr("name");
				$(this).addClass("select");
				$("div[id$='_info']").addClass("display");
				$("#"+name+"_info").removeClass("display");
			});
		});
	</script>
</head>

<body  scroll="no">
	<div class="main">
    	<jsp:include page="/web/aio/aioheader.jsp"></jsp:include>
        <div class="q_left">
        	<div class="q_tip">
            	<img src="<s:url value='/resources/images/aio/icon_tip.png'/>" />
            </div>
            <div class="query_select">
            	<ul>
                	<li class="list select" name="plan"><div><img src="<s:url value='/resources/images/aio/icon3.png'/>" /><span>行程信息</span></div></li>
                    <li class="list" name="scenic"><div><img src="<s:url value='/resources/images/aio/icon4.png'/>" /><span>景区</span></div></li>
                    <li class="list" name="hotel"><div><img src="<s:url value='/resources/images/aio/icon5.png'/>" /><span>酒店</span></div></li>
                    <li class="list" name="shop"><div><img src="<s:url value='/resources/images/aio/icon6.png'/>" /><span>购物</span></div></li>
                    <li class="list" name="car"><div><img src="<s:url value='/resources/images/aio/icon7.png'/>" /><span>车辆</span></div></li>
                    <li class="list" name="food"><div><img src="<s:url value='/resources/images/aio/icon9.png'/>" /><span>餐饮</span></div></li>	
                </ul>
            </div>
            <div class="q_rhome">
	            <a href="<s:url value='/aio/home?cardNo=%{#request.cardNo}' />">
	           		<img src="<s:url value='/resources/images/aio/rhome.png'/>" />
	            </a>
            </div>
        </div>
        <div class="q_right">
        	<s:if test="#request.plan.tourCode == null">
	        	<div class="window" style="display:block;">
	        		<div class="no_plan">暂无行程信息！</div>
	        	</div>
        	</s:if>
        	<s:else>
	        	<div id="plan_info">
	            	<div class="c_head">行程信息</div>
	                <div class="truedNo"><span>行程单号：<s:property value="#request.plan.tourCode" /></span></div>
	                <table border="0" cellpadding="0" cellspacing="0" >
						<thead>
	                    	<tr>
	                        	<td width="150" class="c_blod">旅行社</td>
	                            <td width="350"><s:property value="#request.plan.tourName" /></td>
	                            <td width="150" class="c_blod">旅行团</td>
	                            <td width="400"><s:property value="#request.plan.tourNo" /></td>
	                        </tr>
	                    </thead>
	                    <tr>
	                        <td class="c_blod">导游</td>
	                        <td colspan="3">
	                        	<s:if test="#request.guide.name != null">
		                        	<span><s:property value="#request.guide.name" />&nbsp;&nbsp;电话：(<s:property value="#request.guide.phone" />)</span>
	                        	</s:if>
	                        </td>
	                    </tr>
	                    <tr>
	                        <td class="c_blod">团队类型</td>
	                        <td><s:property value="#request.plan.termType" /></td>
	                        <td class="c_blod">天数</td>
	                        <td><s:property value="#request.plan.days" /></td>
	                    </tr>
	                    <tr>
	                        <td class="c_blod">旅客人数</td>
	                        <td><s:property value="#request.plan.total" /></td>
	                        <td class="c_blod"><s:if test="#request.plan.insPay==1">投保</s:if><s:else>未投保</s:else></td>
	                        <td>投保</td>
	                    </tr>
	                    <tr>
	                        <td class="c_blod">工作人员数</td>
	                        <td><s:property value="#request.plan.workerNum" /></td>
	                        <td class="c_blod">交通工具</td>
	                        <td><s:property value="#request.plan.toHnTra" /></td>
	                    </tr>
	                    <tr>
	                        <td class="c_blod">出发时间</td>
	                        <td><s:date name="#request.plan.beginDate" format="yyyy-MM-dd HH:mm"/></td>
	                        <td class="c_blod">结束时间</td>
	                        <td><s:date name="#request.plan.endDate" format="yyyy-MM-dd HH:mm"/></td>
	                    </tr>
	                    <tr>
	                        <td class="c_blod">服务标准</td>
	                        <td colspan="3"><s:property value="#request.plan.service" /></td>
	                    </tr>
	                </table>
	            </div>
	            
	            <div id="scenic_info" class="display">
	            	<div class="c_head">景区</div>
	            	<s:iterator value="#request.tlist" var="scenic">
	               		<table border="0" cellpadding="0" cellspacing="0" >
	                    	<tr>
	                        	<td width="100" class="c_blod">景点</td>
	                            <td width="380" ><s:property value="#scenic.scenic"/></td>
	                            <td width="100" class="c_blod">时长</td>
	                            <td width="380"><s:property value="#scenic.hour"/>（小时）</td>
	                        </tr>
	                        <tr>
	                        	<td width="100" class="c_blod">票价</td>
	                            <td width="366" ><s:property value="#scenic.price"/></td>
	                            <td width="67" class="c_blod">是否自费</td>
	                            <td width="362"><s:if test="#scenic.self == 1">是</s:if><s:else>否</s:else></td>
	                        </tr>
	                        <tr>
	                        	<td class="c_blod">备注</td>
	                            <td colspan="3"><s:property value="#scenic.note"/></td>
	                        </tr>
	                    </table>
	               	</s:iterator>
	            </div>
	            
	            <div id="food_info" class="display">
	            	<div class="c_head">餐饮</div>
	            	<s:iterator value="#request.flist" var="food">
	               		<table border="0" cellpadding="0" cellspacing="0" >
	                    	<tr>
	                        	<td width="100" class="c_blod">餐厅</td>
	                            <td width="380" ><s:property value="#food.place"/></td>
	                            <td width="100" class="c_blod">类型</td>
	                            <td width="380"><s:property value="#food.resttype"/></td>
	                        </tr>
	                        <tr>
	                        	<td width="100" class="c_blod">单价</td>
	                            <td width="366" ><s:property value="#food.price"/></td>
	                            <td width="67" class="c_blod">是否自费</td>
	                            <td width="362"><s:if test="#food.self == 1">是</s:if><s:else>否</s:else></td>
	                        </tr>
	                        <tr>
	                        	<td class="c_blod">备注</td>
	                            <td colspan="3"><s:property value="#food.note"/></td>
	                        </tr>
	                    </table>
	               	</s:iterator>
	            </div>
	            
	            <div id="hotel_info" class="display">
	            	<div class="c_head">酒店</div>
	            	<s:iterator value="#request.hlist" var="hotel">
	               		<table border="0" cellpadding="0" cellspacing="0" >
	                    	<tr>
	                        	<td width="120" class="c_blod">酒店名称</td>
	                            <td colspan="3"><s:property value="#hotel.hotelName"/></td>
	                        </tr>
	                        <tr>
	                        	<td class="c_blod">时间</td>
	                            <td width="300"><s:property value="#hotel.time"/></td>
	                            <td width="120" class="c_blod">天数</td>
	                            <td width="300"><s:property value="#hotel.days"/></td>
	                        </tr>
	                        <tr>
	                        	<td class="c_blod">房间类型</td>
	                            <td colspan="3">
	                            	<s:iterator value="#request.bookRoom" var="room">
	                            		<p><s:property value="#room.type"/>&nbsp;
	                            		<s:property value="#room.price"/>&nbsp;
	                            		<s:property value="#room.total"/></p>
	                            	</s:iterator>
	                            </td>
	                           </tr>
	                        <tr>
	                        	<td class="c_blod">备注</td>
	                            <td colspan="3"><s:property value="#hotel.note"/></td>
	                        </tr>
	                    </table>
	               	</s:iterator>
	            </div>
	            
	            <div id="shop_info" class="display">
	            	<div class="c_head">购物</div>
	            	<s:iterator value="#request.slist" var="shop">
	                	<table border="0" cellspacing="0" bordercolor="#CCCCCC">
	                    	<tr>
	                        	<td width="120" class="c_blod">购物场所</td>
	                            <td colspan="3"><s:property value="#shop.shopName"/></td>
	                        </tr>
	                        <tr>
	                        	<td class="c_blod">时间</td>
	                            <td width="300"><s:property value="#shop.date"/></td>
	                            <td width="120" class="c_blod">时长</td>
	                            <td width="300"><s:property value="#shop.hour"/>小时</td>
	                        </tr>
	                        <tr>
	                        	<td class="c_blod">备注</td>
	                            <td colspan="3"><s:property value="#shop.note"/></td>
	                        </tr>
	                    </table>
	                </s:iterator>
	            </div>
	            
	            <div id="car_info" class="display">
	            	<div class="c_head">车辆</div>
	            	<s:iterator value="#request.clist" var="car">
	                	<table border="0" cellspacing="0" bordercolor="#CCCCCC">
	                    	<tr>
	                        	<td width="120" class="c_blod">交通公司</td>
	                            <td><s:property value="#car.company"/></td>
	                            <td width="120" class="c_blod">班次</td>
	                            <td width="300"><s:property value="#car.type"/></td>
	                        </tr>
	                        <tr>
	                        	<td class="c_blod">出发地</td>
	                            <td width="300"><s:property value="#car.begin"/></td>
	                            <td width="120" class="c_blod">终点</td>
	                            <td width="300"><s:property value="#car.end"/></td>
	                        </tr>
	                        <tr>
	                        	<td class="c_blod">单价</td>
	                            <td width="300"><s:property value="#car.price"/></td>
	                            <td width="120" class="c_blod">是否自费</td>
	                            <td width="300"><s:if test="#car.self == 1">是</s:if><s:else>否</s:else></td>
	                        </tr>
	                        <tr>
	                        	<td class="c_blod">备注</td>
	                            <td colspan="3"><s:property value="#car.note"/></td>
	                        </tr>
	                    </table>
	               	</s:iterator>
	            </div>
            </s:else>
        </div>
        <div class="clr"></div>
        <div class="footer"><img src="<s:url value='/resources/images/aio/footer.png'/>" /></div>
    </div>
</body>
</html>
